body,
html {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  visibility: hidden;
}

body {
  margin: 0 auto;
  max-width: 750px;
  background: url(bg.png) center top no-repeat;
  background-size: 100% 264px;
  height: 100%;
}
ul {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

a,
button {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
a {
  display: block;
  text-decoration: none;
  color: #000000;
}
img {
  max-width: 100%;
}
.van-tabbar .van-tabbar-item__icon .van-icon {
  font-family: "iconfont" !important;
  font-size: 18px;
}
.van-transparent.van-nav-bar {
  background-color: transparent;
}
.city-flex {
  display: flex;
  align-items: center;
  color: #ffffff;
}
.city-flex .van-icon {
  color: #ffffff;
  font-size: 18px;
  margin-right: 2px;
}
.menu-flex {
  display: flex;
  align-items: center;
  line-height: 1;
}
.menu-link {
  /* line-height: 1; */
  color: #ffffff;
  margin-left: 8px;
}
.menu-link .van-icon {
  line-height: 1;
  font-size: 20px;
  color: #ffffff;
}
.menu-link .iconfont {
  line-height: 1;
  font-size: 20px;
  color: #ffffff;
}
.menu-link p {
  font-size: 12px;
}
.wrappers {
  padding: 5px 0;
  /* height: 571px; */
  overflow-y: auto;
}
/* 资讯 */
.news-ad {
  margin-bottom: 10px;
  padding: 0 15px;
}
.news-ad img {
  border-radius: 5px;
}
.news-cells {
  background-color: #fff;
  padding: 0 15px;
}
.news-cell {
  padding: 10px 0;
  /* display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; */
  border-bottom: 2px solid #eee;
}
.news-img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-right: 10px;
}
.news-text {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-attr {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  /* margin-top: 10px; */
}
.new-details-cnr img {
  display: block;
  max-width: 100%;
}
.news-attr > div {
  /* display: inline-block; */
  color: #999999;
  font-size: 12px;
  margin-right: 20px;
}

/*个人中i性能 */
.uc-grid {
  position: relative;
  /* padding-top: 25px; */
  background: url(ucbg.png) no-repeat center;
  background-size: cover;
  height: 115px;
}
.uc-grid .uc-van-cell {
  padding: 30px 15px;
  background-color: transparent;
  color: #ffffff;
}
.uc-avatar {
  line-height: 1;
  margin-right: 10px;
}
.uc-avatar img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.uc-grid .menu-flex {
  position: absolute;
  right: 0;
  /* top: 25px; */
  padding: 10px;
  z-index: 99;
}

.ex-lnk {
  position: absolute;
  bottom: 10px;
  right: 0;
  font-size: 12px;
  background-color: #27aaf3;
  color: #ffffff;
  padding: 0 4px 0 6px;
  border-radius: 20px 0 0 20px;
}
.ex-lnk .iconfont {
  font-size: 13px;
}

.uc-main {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: 5px solid #e9f5ff;
}
.uc-rows {
  line-height: 1;
  text-align: center;
}
.uc-rows .uc-val {
  color: #0e6edb;
  font-size: 20px;
  margin-bottom: 12px;
}

.uc-rows .uc-txt {
  color: #1f1f1f;
  font-size: 14px;
  margin-bottom: 8px;
}

.uc-rows .uc-nn {
  color: #999;
  font-size: 12px;
}
.uc-menu-links {
  overflow: hidden;
  margin: 0 -10px;
}
.uc-menu-links li {
  width: 25%;
  float: left;
  padding: 5px 0;
  text-align: center;
  /* border: 1px solid #EFEFEF; */
}
.uc-rows {
  margin-bottom: 30px;
}

.uc-center {
  margin: 0 0 13px -20px;
  border-radius: 0 20px 20px 0;
  width: 130px;
  /* height: 30px; */
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  background: #37b5f8;
}
.uc-menu-links .uc-menu-box {
  display: block;
  overflow: hidden;
  text-align: center;
  line-height: 1;
}
.uc-menu-box img {
  width: 40px;
  height: 40px;
}
.uc-menu-box .m-label {
  color: #333333;
  line-height: 1.2;
  font-size: 14px;
  margin-top: 6px;
  height: 30px;
  padding: 0 10px;
}
.ex-link {
  color: #666666;
  font-size: 13px;
}
.uc-heading {
  margin-bottom: 20px;
}
.uc-heading .van-tabs__nav--card {
  margin: 0;
  border-radius: 50px;
  overflow: hidden;
  width: 80px;
  font-size: 12px;
  height: 22px;
}

.justify {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.sign-tabs .van-tabs__nav {
  background-color: transparent;
  color: #ffffff;
}
.sign-tabs .van-tabs__wrap::after {
  display: none;
}
.sign-tabs .van-tabs__line {
  display: none;
}
.tab-span {
  color: #ffffff;
}
.sign-tabs .van-tab--active .tab-span {
  display: block;
  height: 24px;
  line-height: 24px;
  border-radius: 30px;
  background-color: #0b59cd;
  font-size: 12px;
  width: 80px;
  text-align: center;
}
.sign-tabs .van-tabs__wrap {
  height: 24px;
  /* line-height: 24px; */
  margin-bottom: 10px;
}

.tab-inner {
  padding: 10px;
}
.tab-banner {
  font-size: 0;
  line-height: 1;
}
.tab-banner img {
  border-radius: 6px;
}

.tab-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: content-box;
  border: 1px solid #e6e6e6;
  height: 40px;
  background-color: #f7f7f7;
}
.tab-filter .tab-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #646566;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
}

.school-pic {
  width: 100px;
  height: 80px;
  display: block;
  margin-right: 10px;
}
.tab-position {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.box-cells {
  width: 100%;
  overflow: auto;
  position: fixed;
  /* height: 382px; */
  /* height: calc( 100% - 300px ); */
  height: calc(100% - 280px);
}
.box-cells::-webkit-scrollbar {
  width: 0;
  height: 1px;
  display: none;
}
.box-cells::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}

.box-cells .van-cell {
  line-height: 1.2;
  padding: 15px;
}
.box-cells .van-cell::after {
  left: 15px;
  right: 15px;
}
.sch-head {
  display: flex;
  justify-content: space-between;
}
.sch-heads {
  display: flex;
  justify-content: flex-start;
}
.sch-head > .sch-header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.sch-heads > img {
  margin: auto 0 auto 10px;
  width: 60px;
  height: 15px;
}
.sch-head > div > img {
  margin: auto 0 auto 10px;
  width: 60px;
  height: 15px;
}
.sch-head > .sch-img {
  width: 20px;
  height: 20px;
}
.sch-loc {
  color: #6c6c6c;
  font-size: 12px;
  text-align: right;
}
.sch-loc .sch-area {
  margin-bottom: 5px;
}
.sch-price-box {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}
.sch-price-box .sch-ke {
  color: #3f3f3f;
  font-size: 12px;
}
.sch-price-box .sch-price {
  width: 50px;
  font-size: 15px;
}
.sch-raty {
  line-height: 1;
  margin-bottom: 5px;
}
.sch-raty .star {
  color: #e49631;
}

.sch-raty .gray {
  color: #bfbfbf;
}

.sch-raty .nn {
  color: #6c6c6c;
  font-size: 12px;
}
.sch-tags .van-tag--primary {
  padding: 2px 0.5em;
  background-color: #c6e3f3;
  color: #07489d;
  margin-right: 4px;
  line-height: 1;
}
.sch-left {
  padding: 5px 0;
}
.p-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-right: 15px;
}
.pl-desc {
  font-size: 12px;
}
.pl-price {
  margin-bottom: 5px;
}
.right-cell {
  margin-top: 20px;
  text-align: center;
}
.right-cell p {
  margin-top: 5px;
  font-size: 12px;
  color: #999999;
}
.box-cells .van-icon-tel {
  color: #346cc0;
  font-size: 20px;
}
.pl-heading {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.pl-name {
  margin-right: 15px;
}
.pl-age {
  height: 18px;
  line-height: 18px;
  border: 1px solid #d4d4d4;
  border-radius: 0 6px 0 6px;
  padding: 0 4px;
  font-size: 12px;
}
/* 首页 */
.weui-cell {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.weui-cell__bd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.index-grid {
  padding: 10px 10px 20px 10px;
  position: relative;
}
.index-grid::after {
  content: " ";
  width: 100%;
  background: url(boxbg.png) no-repeat;
  height: 26px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.banner-swiper img {
  width: 100%;
  height: 140px;
  border-radius: 5px;
}
.enter-link {
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 60px;
  box-sizing: border-box;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  color: #fff;
  background-size: 100% 100%;
}
.enter-link.lk-1 {
  background-image: url(menu1.png);
}
.enter-link.lk-2 {
  background-image: url(menu2.png);
}
.enter-link img {
  width: 35px;
  height: 35px;
  display: block;
  margin-right: 10px;
}
.enter-link .txt {
  font-size: 14px;
}
.enter-link .val {
  font-size: 12px;
}
.index-banner {
  margin-bottom: 10px;
}
.enter-rows {
  margin-bottom: 10px;
}
.index-menus .index-menu-box {
  display: block;
  text-align: center;
  line-height: 1;
  margin: 10px 0;
}
.index-menu-box img {
  width: 40px;
  height: 40px;
}
.index-menu-box p {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}
.index-panel {
  padding: 10px 0;
  overflow: hidden;
  background-color: #fff;
}
.panel-hd {
  padding: 0 10px;
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #fff;
}
.panel-hd > div {
  font-size: 14px;
  color: #999999;
}

.panel-hd > img {
  width: 13px;
  height: 13px;
}

.panel-steps {
  padding: 10px 0;
  background-color: #f5f5f5;
}
.step-cells {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.step-cells > a {
  text-decoration: none;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1;
  text-align: center;
}
.step-cells > a > p {
  color: #000000;
}
.step-cells li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  line-height: 1;
  text-align: center;
}
.step-cells img {
  width: 40px;
}
.step-cells p {
  font-size: 12px;
}
.step-cells .arrow {
  width: 11px;
  height: 7px;
  background: url(arror.png) no-repeat center;
  background-size: contain;
}
.bbs-rows {
  font-size: 0;
  line-height: 1;
  margin: 0;
  padding: 0 10px;
}
.bbs-rows .bbs-link {
  display: block;
  font-size: 0;
  margin-bottom: 10px;
}
.bbs-rows .bbs-link:last-child {
  margin-bottom: 0;
}
.bbs-link img {
  display: block;
  width: 100%;
  border-radius: 6px;
}
.bbs-sm-link img {
  height: 65px;
}
.bbs-md-link img {
  height: 100px;
}
.vv-scroll {
  overflow: hidden;
  height: 70px;
}
.video-list {
  overflow: hidden;
  overflow-x: auto;
  font-size: 0;
  height: 90px;
  white-space: nowrap;
}
.video-list li {
  display: inline-block;
  margin-left: 10px;
}
.vv-box {
  display: block;
  height: 70px;
  background-color: #8ec1d4;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
}
.vv-box .vv-title {
  margin-bottom: 10px;
}
.video-list li:nth-child(even) .vv-box {
  background-color: #86d2a1;
}

.app-page {
  background-color: #fff;
  /* min-height: calc(101vh - 75px); */
}
.article-main {
  padding: 15px 15px 15px 15px;
}
.article-head {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
}
.article-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.art-meta span {
  display: inline-block;
  margin-right: 20px;
  font-size: 13px;
  color: #999;
}
.article-body {
  font-size: 15px;
  line-height: 2;
}
.article-body p {
  margin-bottom: 15px;
}
.art-foot {
  position: fixed;
  width: 100%;
  z-index: 99;
  bottom: 0;
  left: 0;
  border-top: 1px solid #efefef;
  background-color: #fff;
}

.art-foot .van-field__control {
  background-color: #f5f5f5;
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  max-width: 80%;
}
.heart-clk {
  width: 60px;
  text-align: center;
}
.heart-clk * {
  display: inline-block;
  vertical-align: middle;
}

/* .set-cells > .van-cell {
  padding: 15px;
} */
.set-avatar {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 40px;
}
.set-cells .van-icon-friends {
  color: #49cfac;
}

.set-cells .van-icon-manager {
  color: #fecb32;
}

.set-cells .van-icon-phone {
  color: #ab92ed;
}

.set-cells .van-icon-card {
  color: #7bbdef;
}

.set-cells .van-icon-lock {
  color: #f79361;
}

.basic-grid {
  padding: 30px 0;
  text-align: center;
  background-color: #fff;
  line-height: 1;
}
.basic-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.basic-avatar p {
  margin-top: 10px;
}

.btn-group {
  padding: 20px;
}
.order-wrap {
  padding: 15px;
}
.order-card {
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.03);
  margin-bottom: 20px;
  line-height: 1.2;
}
.weui-cell-header {
  padding: 15px;
  line-height: 1.2;
}
.weui-cells {
  position: relative;
}
.weui-cells:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}

.weui-cells:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  z-index: 2;
}
.cell-tt {
  color: #999999;
  font-size: 13px;
}
.card-pic {
  margin-right: 15px;
  line-height: 1;
}
.card-pic img {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
/* .order-card .ht-justify {
  width: 100%;

  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
} */
/* .ht-justify > div {
  width: 100%;
} */
.order-card .van-cell {
  padding: 15px;
}
.normal-price {
  font-size: 14px;
  color: #ff0000;
}
.normal-price i {
  font-size: 13px;
  font-style: normal;
}

/* .list-foot {
  width: 40%;
} */

.list-foot .number {
  color: #999999;
}
.weui-cell-foot {
  text-align: right;
  padding: 15px;
}

.weui-cell-foot .van-button {
  font-size: 13px;
  height: 36px;
  margin-left: 20px;
}
.cell-status {
  font-size: 13px;
}
.cell-status.ing {
  color: #ff0000;
}
.cell-status.over {
  color: #0e6edb;
}
.coach-grid {
  align-items: center;
  display: flex;
  line-height: 1;
}
.coach-grid .nn {
  font-size: 20px;
  width: 35px;
  text-align: center;
  margin-right: 15px;
}
.nn-icon {
  font-size: 0;
  width: 35px;
  margin-right: 15px;
}

.coach-grid .van-cell {
  padding: 20px;
  color: #ffffff;
  background-color: #67a5fa;
}
.coach-grid .j-avatar {
  width: 60px;
  height: 60px;
  border-radius: 80px;
  margin-right: 15px;
}
.coach-grid .j-name {
  font-size: 18px;
}
.coach-grid .j-desc {
  font-size: 14px;
}
.coach-grid .van-icon {
  font-size: 20px;
}
.yc-cells {
  padding: 15px 0;
}
.yc-cells .van-button {
  height: 36px;
}
.yc-cells .van-cell__title {
  font-size: 16px;
}

/* 二手车 */
.shop-wrap {
  padding: 12px 0;
}
.cars-menu {
  padding: 16px;
  border-radius: 4px;
  background-color: #fff;
}
.c-menu-link {
  line-height: 1;
  text-align: center;
}
.c-menu-link img {
  width: 36px;
  height: 36px;
}
.c-menu-link p {
  margin-top: 10px;
  font-size: 12px;
}
.car-pic {
  margin-right: 15px;
}
.car-pic img {
  width: 120px;
  height: 90px;
}
.car-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
  line-height: 22px;
}
.car-price {
  font-size: 16px;
  font-weight: bold;
  color: #f05536;
}
.car-distince {
  font-size: 12px;
  color: #999999;
}
.cars-list .van-cell {
  padding: 15px;
}

.mnks-wrap {
  padding: 20px 30px;
}
.mnks-avatar {
  margin-right: 15px;
}
.mnks-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
.mn-tit {
  font-size: 16px;
}
.mn-desc {
  font-size: 13px;
  color: #999999;
}
.mnks-grid .van-cell {
  padding: 10px 0;
}
.mnks-info {
  margin-bottom: 20px;
}
.mnks-info-item {
  margin-bottom: 10px;
  font-size: 14px;
}
.mnks-info-item .content {
  color: #999999;
}
.mnks-tips {
  color: #999999;
  margin-bottom: 20px;
  font-size: 12px;
}
.mnks-btns .van-button {
  margin-bottom: 15px;
}

.sequ-wrap {
  padding: 40px;
}
.sequ-card {
  padding: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.sequ-card .mnks-btns {
  padding: 0 30px;
  margin-top: 50px;
}
.sequ-title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 18px;
}
.sequ-row {
  margin-bottom: 20px;
  font-size: 16px;
}
.sequ-row .hd {
  color: #999;
}
.ke-banner {
  padding: 0 10px;
  padding-top: 10px;
}

.ke-swiper img {
  width: 100%;
  height: 140px;
  border-radius: 5px;
}
.index-panel-body {
  padding: 0 10px;
}
.video-box {
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 15px;
}
.video-photo {
  position: relative;
  border-radius: 6px;
  height: 100px;
}
.video-photo img {
  width: 100%;
  height: 100px;
  border-radius: 6px;
}
.video-photo .v-num {
  color: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.video-box .vv-title {
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.2;
}
.kd-video .van-cell {
  padding: 15px 10px;
}
.kd-photo {
  width: 120px;
  margin-right: 15px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  line-height: 1;
  height: 80px;
}
.kd-photo img {
  display: block;
  width: 100%;
  height: 80px;
  border-radius: 5px;
}
.kd-tm {
  color: #fff;
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
  z-index: 99;
}
.kd-photo::after {
  display: block;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.kd-photo .van-icon-bofang {
  color: #ffffff;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 8;
  border-radius: 30px;
  line-height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  text-align: center;
}
.kd-title {
  margin-top: 15px;
  font-size: 16px;
  height: 40px;
}
.kd-attr {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  color: #666666;
}
.kd-attr .item {
  margin-right: 20px;
}
.nb-avatar {
  margin-right: 10px;
}
.nb-avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
.nBss-cell .info .author {
  color: #4f7572;
  font-size: 15px;
}

.nBss-cell .info .postTime {
  color: #808080;
  font-size: 12px;
}

.nBss-cell .list:not(nth-last-child) {
  border-bottom: 1px solid #f2f2f2;
}

.nBss-cell .tag {
  font-size: 12px;
  color: #b2b2b2;
  position: relative;
  top: -0.1rem;
  border-radius: 1px 6px 1px 6px;
  border: 1px solid #b2b2b2;
  padding: 0px 8px;
}

.nBss-cell .content {
  font-size: 15px;
  color: #333;
  margin-top: 10px;
}

.nBss-cell .content .showMore {
  color: #24c27d;
  font-size: 15px;
  cursor: pointer;
}
.nBss-cell .content .image {
  max-width: 100px;
  margin-top: 10px;
  display: inline-block;
  overflow-x: hidden;
}
.nBss-cell .bottom-icon {
  display: flex;
  align-items: center;
}
.nBss-cell .bottom-icon .icon {
  font-size: 13px;
  color: #808080;
  display: flex;
  align-items: center;
  width: 33.33%;
}
.nBss-cell .bottom-icon .icon .van-icon {
  margin-right: 5px;
}

.car-swiper img {
  width: 100%;
  height: 180px;
  border-radius: 8px;
}
.car-video {
  margin: 0 15px;
}
.car-video-photo {
  position: relative;
  height: 180px;
  border-radius: 8px;
  overflow: hidden;
}
.car-video-photo::after {
  display: block;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.car-video-photo .van-icon-bofang {
  color: #ffffff;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 8;
  border-radius: 30px;
  line-height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  font-size: 30px;
  text-align: center;
}

.car-video-photo .ck-title {
  padding: 14px;
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  color: #ffffff;
  font-size: 16px;
}
.content .images {
  margin-top: 10px;
}
.detail-page {
  background-color: #f6f6f6;
}
.in-panel {
  background-color: #ffffff;
  margin-bottom: 10px;
}
.in-panel-hd {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #efefef;
}
.in-panel-hd .tt {
  line-height: 1;
  padding-left: 6px;
  border-left: 4px solid #1989fa;
  font-size: 16px;
}
.in-panel-hd .more {
  color: #999999;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.comment-attr {
  display: flex;
  align-items: center;
  line-height: 1.2;
}
.comment-attr .raty-box {
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.raty-box {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.raty-box .van-icon {
  margin-right: 2px;
}
.raty-box span {
  color: #999999;
}
.raty-box .van-icon-star {
  color: #feb354;
}
.manager-cell {
  padding: 10px !important;
}
.manager-cell .van-icon-manager {
  font-size: 24px;
  color: #24c27d;
}
.manager-cell .van-icon-send-gift {
  font-size: 24px;
  color: #24c27d;
}
.manager-cell .van-icon-shop {
  font-size: 24px;
  color: #24c27d;
}
.manager-cell .van-icon-map-marked {
  font-size: 24px;
  color: #24c27d;
}
.in-panel-bd {
  padding: 15px;
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
}
.env-rows img {
  width: 100%;
  height: 55px;
}
.coach-intro {
  line-height: 1.8;
  color: #666666;
  font-size: 13px;
  margin-bottom: 10px;
}
.coach-intro:last-child {
  margin-bottom: 0;
}
.coach-intro .val {
  color: #333;
  margin-left: 10px;
}
.panel-address {
  position: relative;
  font-size: 14px;
}
.panel-address .van-icon {
  color: #24c27d;
}
.jj-title {
  color: #333;
  margin-bottom: 10px;
  font-size: 20px;
}
.class-cell {
  padding: 0;
}
.class-cell .cl-style {
  font-size: 20px;
  color: #24c27d;
  width: 40px;
}
.cl-head {
  font-size: 16px;
  margin-bottom: 6px;
}
.cl-attr {
  color: #999;
  font-size: 13px;
  margin-bottom: 6px;
}
.cl-attr .line {
  padding: 0 4px;
}
.cl-desc {
  padding: 10px;
  background-color: #f9f9f9;
  color: #999999;
  font-size: 13px;
}
.cl-desc .hd {
  color: #444;
}
.teach-cell {
  line-height: 1.2;
  padding: 10px;
}
.teach-avatar {
  margin-right: 15px;
}
.teach-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.cl-heading {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.cl-heading .cl-name {
  font-size: 18px;
  margin-right: 6px;
}
.cl-heading .cl-tag {
  border-radius: 0 6px 0 6px;
  font-size: 12px;
  color: #666666;
  padding: 2px 4px;
  border: 1px solid #d4d4d4;
}
.teach-cell .raty-box {
  margin-bottom: 5px;
}
.space-in {
  height: 41px;
}
.in-tabbar {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  height: 50px;
}
.in-tabbar .van-button {
  width: 50%;
  height: 50px;
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.in-tabbar .van-button .van-icon {
  font-size: 20px;
}
.in-tabbar .van-button .van-button__text * {
  display: inline-block;
  vertical-align: middle;
}
.cl-tprice {
  color: #666666;
  font-size: 16px;
  margin-bottom: 5px;
}
.raty-val {
  color: #999999;
  font-size: 12px;
  margin-top: 6px;
  display: flex;
  align-items: center;
}
.raty-val span {
  color: #ff0000;
}
.acc-raty {
  border-bottom: 1px solid #efefef;
  padding: 10px 15px;
}
.custom-indicator {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 20px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
}
.in-tags {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  /* font-size: 13px !important; */
}
.in-tags .tag-item {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-right: 15px;
  line-height: 1.2;
}
.in-tags .tag-item span {
  color: #999999;
  font-size: 12px;
}
.in-tags .tag-item img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.font-name {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
}

.sch-grid .sch-head {
  font-size: 16px;
  padding: 10px 15px 0 15px;
}
.in-panel-classs .class-cell {
  padding: 10px 15px;
}
.place-pic {
  width: 80px;
  height: 60px;
  font-size: 0;
  line-height: 1;
  margin-right: 10px;
}
.place-pic img {
  width: 80px;
  height: 60px;
}
.place-foot {
  color: #999;
  font-size: 13px;
}
.place-foot .pl-ads {
  max-width: 70%;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
.place-head {
  margin-bottom: 10px;
}
.place-head .pl-tit {
  font-size: 16px;
}
.in-panel-cell {
  border-top: 1px solid #dfdfdf;
  padding: 12px 0;
}
.cell-title {
  /* margin-bottom: 10px; */
  font-size: 16px;
}
.cell-time {
  color: #999999;
  font-size: 14px;
}
.att-rows {
  margin: 5px 0;
  line-height: 1;
  text-align: center;
  width: 14%;
}
/* .van_col {
  margin: 5px;
  width: 20%;
} */
/* .van_col:first-child {
  margin-left: 0;
} */
/* .van_col:nth-child(5) {
  margin-right: 0;
} */
.van_col > img {
  width: 30px;
}
.van_col > p {
  color: #999999;
  font-size: 13px;
}
/* .att-rows>.van_col>img{
  
} */

.van-nav-bar__placeholder {
  position: relative;
  z-index: 999;
  background: #2e96dd;
  /* padding-top: 25px;
  height: 71px !important; */
}
.van-nav-bar__placeholder .van-nav-bar--fixed {
  /* height: 71px !important; */
  background: #2e96dd;
  color: #ffffff;
}
.van-nav-bar__title {
  color: #ffffff;
  /* font-size: 14px; */
}
.van-nav-bar .van-icon {
  color: #ffffff;
}

/* .van-nav-bar__placeholder .van-nav-bar__left,
.van-nav-bar__placeholder .van-nav-bar__right {
  top: 25px;
} */
/* 背景颜色 */
.van-gray {
  background-color: #ffffff;
}
/* 降价急售 */
.cs-curshort {
  padding: 10px 16px;
}
.cs-intro {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #ffffff;
  border-bottom: 1px solid #f8f8f8f8;
}
.cs-intro img {
  width: 160px;
  height: 100px;
  margin-right: 15px;
}
.cs-intro .cs-introduce .cs-price {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100px;
  margin: 5px 0;
}
.cs-introduce .cs-price div {
  color: red;
}
.cs-introduce .cs-price p {
  font-size: 13px;
  color: #828282;
  margin: auto 0;
  /* 删除线 */
  text-decoration: line-through;
}
.cs-introduce .cs-time {
  color: #828282;
  font-size: 13px;
}
.cs-introduce .cs-short {
  margin-top: 5px;
  width: 64px;
  font-size: 11px;
  text-align: center;
  color: #d16450;
  background-color: #fcefe7;
}
/* 车辆详情 */
.vd-img {
  width: 100%;
  height: 280px;
}
.vd-name-price {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-name-price .vd-name {
  font-size: 23px;
  font-weight: 600;
}
.vd-name-price .vd-price {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.vd-name-price .vd-price p {
  margin-top: 25px;
  font-size: 23px;
  color: red;
  font-weight: 600;
}
.vd-price p span {
  font-size: 16px;
  font-weight: 200;
}
.vd-name-price .vd-price div {
  margin: 13px 0;
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  background-color: #26c17d;
  border-radius: 35px;
}
.vd-validate {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border: 1px solid #536ab6;
  background-color: #e9f1fe;
  font-size: 14px;
}
.vd-validate img {
  width: 16px;
  height: 16px;
}
.vd-validate div:first-child {
  color: #81a5ff;
}
.vd-validate div:nth-child(2) {
  width: 2px;
  height: 19px;
  background-color: #cfd5e3;
}
/* 车辆档案 */
.vd-vehicle-files {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-vehicle {
  display: flex;
  justify-content: left;
}
.vd-header {
  font-size: 18px;
  font-weight: 600;
  margin-right: 10px;
}
.vd-vehicle .vd-coordinate {
  margin-top: 4px;
  width: 80px;
  height: 21px;
  display: flex;
  justify-content: left;
  background-color: #f2f4ff;
  color: #227aff;
  font-size: 14px;
}
.vd-vehicle .vd-coordinate img {
  margin: auto 0;
  width: 16px;
  height: 18px;
}
.vd-particulars {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.vd-particulars .vd-d-list {
  display: flex;
  justify-content: left;
  font-size: 14px;
  width: 169px;
  margin-bottom: 10px;
}
.vd-particulars .vd-d-list p {
  margin-right: 10px;
  color: #7e7e7e;
}
.vd-particulars .vd-d-list p + div {
  color: #171624;
  font-weight: 600;
}
/* 卖家信息 */
.vd-seller-information {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-owner {
  margin: 16px 0 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.vd-owner img {
  width: 50px;
  height: 50px;
}
.vd-owner .vd-contact {
  /* margin: 13px 0; */
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  color: #ffffff;
  background-color: #26c17d;
  border-radius: 35px;
}
.vd-issue {
  margin-left: -90px;
}
.vd-issue div {
  margin-top: 8px;
  font-size: 13px;
  color: #7e7e7e;
}
/* 卖家信息 */
.vdc-vehicle div {
  font-size: 14px;
  color: #7e7e7e;
  margin-top: 10px;
}
.vdc-vehicle div:nth-child(10) {
  margin-top: 30px;
}
.vdc-vehicle + div {
  text-align: center;
  color: #7e7e7e;
  font-size: 14px;
}
/* 卖家售价 */
.vd-seller-sells {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-seller-sells .vd-seller {
  display: flex;
  justify-content: left;
}
.vd-seller-sells .vd-seller p {
  font-size: 18px;
  font-weight: 600;
  margin-right: 10px;
}
.vd-seller div {
  color: red;
  margin-top: 5px;
}
.vd-input {
  margin: 10px 0;
  display: flex;
  justify-content: left;
}
.vd-input input {
  padding: 5px 10px;
  font-size: 14px;
}
.vd-flex {
  margin: auto 10px;
  color: #6371b8;
}
.vd-flex + .vd-bargain {
  width: 80px;
  height: 30px;
  line-height: 30px;
  background-color: #5270f4;
  color: #ffffff;
  text-align: center;
  border-radius: 10px;
}
.vd-live-shot {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-live-shot div img {
  width: 100%;
  margin-top: 5px;
}
.vd-examine {
  font-size: 14px;
  color: #7e7e7e;
  text-align: center;
  margin: 20px 0;
}
/* 相似车源推荐 */
.vd-recommend {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vd-recommend .vd-header + div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vd-recommend div.vd-card {
  width: 162px;
  margin-top: 15px;
}

.vd-recommend div.vd-card img {
  width: 162px;
  height: 106px;
}
.vd-recommend div.vd-card img + p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.vd-recommend div.vd-card div {
  margin: 5px 0;
  font-size: 13px;
  color: #7e7e7e;
}
.vd-recommend div.vd-card div + p {
  color: red;
}
.vdr-recommend {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vdr-recommend div {
  width: 162px;
}
.vdr-recommend div img {
  width: 162px;
}
.vdr-recommend div p {
  margin: 5px 0;
}
.vdr-recommend div p + div {
  color: red;
}
/* 新款可砍价 */
.vd-new-style {
  padding: 10px 16px;
  margin-bottom: 50px;
}
.vd-newStyle {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-top: 15px;
}
.vd-newStyle .vd-reminder {
  margin-bottom: 5px;
  width: 45px;
  background-color: red;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  border-radius: 7px 0 12px 0;
}
.vd-item-crad {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  /* padding: 10px; */
}
.vd-item-crad img:first-child {
  width: 97px;
  height: 64px;
}
.vd-item-crad img + div div {
  margin-top: 10px;
  color: red;
}
.vd-item-crad div + img {
  margin: auto 0;
  width: 16px;
  height: 16px;
}
/* 底部导航栏 */
.vd-buttom {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #ffffff;
}
.vd-collect {
  text-align: center;
}
.vd-collect p {
  font-size: 12px;
}
.vd-collect img {
  width: 16px;
  height: 16px;
}
.vd-phone {
  width: 106px;
  padding: 7px 21px;
  background-color: #5dbf82;
  border-radius: 19px;
  font-size: 14px;
}

/* 车讯 */
.tc-img {
  width: 100%;
  height: 80px;
}
.tc-list {
  padding: 10px 16px;
  border-bottom: 1px solid #f8f8f8;
}
.tc-list div.tc-item {
  display: flex;
  justify-content: space-between;
}
div.tc-read p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tc-list div.tc-item .tc-img {
  width: 100px;
  height: 65px;
}
.tc-read {
  width: 220px;
}
.tc-read div {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #b1b1b1;
}
.tc-browse img {
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.tc-link p span {
  color: #e6b79b;
}
.tc-link {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: #b1b1b1;
  margin: 10px 0;
}
.tc-link img {
  width: 16px;
  height: 16px;
}
.tc-time {
  width: 84px;
  white-space: nowrap; /*超出的空白区域不换行*/
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis;
}

/* 选车 */
.van-dropdown-menu__title {
  font-size: 13px;
}
.nc-car-list {
  background-color: #ffffff;
}
.nc-car-list .nc-car-item {
  padding: 10px 16px;
  display: flex;
  justify-content: left;
  border-bottom: 1px solid #ededed;
}
.nc-car-item img {
  width: 110px;
  height: 78.44px;
  margin-right: 10px;
}
.nc-car-item div div + div {
  display: flex;
  justify-content: left;
  font-size: 13px;
}
.nc-car-item div p + div {
  color: red;
  margin: 7px 0;
}
.nc-car-item div div + div img {
  width: 14px;
  height: 7px;
  margin: auto 0;
}

/* 价格 */
.nc-price-list {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.nc-price-list div {
  margin-bottom: 16px;
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  text-align: center;
  background-color: #ecf9f2;
}
/* 高度 坍塌 */
.nc-buttom::after {
  display: block;
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
}
.nc-buttom {
  padding: 16px;
}
.nc-buttom div {
  border: 1px solid #13ae3c;
  border-radius: 5px;
  font-size: 14px;
}
.nc-buttom div:first-child {
  padding: 5px 28px;
  float: right;
  background-color: #13ae3c;
  border: 1px solid #13ae3c;
  color: #ffffff;
}
.nc-buttom div + div {
  float: right;
  margin-right: 10px;
  padding: 5px 12px;
  color: #13ae13;
}
/* 用途 */
.nc-purpose {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.nc-purpose div {
  width: 100px;
  margin-bottom: 16px;
  height: 30px;
  line-height: 30px;
  background-color: #ecf9f2;
  font-size: 13px;
}
/* 更过条件 */

/* 级别 */
.more-rank {
  /* margin: 16px 16px 0 16px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.more-rank div {
  width: 105px;
  text-align: center;
  margin-bottom: 10px;
}
.more-rank div img {
  width: 80px;
}
.more-rank div img + p {
  font-size: 13px;
  /* text-align: center; */
}
.more-rank div:nth-child(1) img {
  height: 43px;
}
.more-rank div:nth-child(2) img {
  height: 39px;
}
.more-rank div:nth-child(3) img,
.more-rank div:nth-child(4) img {
  height: 32px;
}
.more-rank div:nth-child(5) img {
  height: 28px;
}
.more-rank div:nth-child(6) img {
  height: 29px;
}
.more-rank div:nth-child(7) img {
  height: 31px;
}
.more-rank div:nth-child(8) img {
  height: 33px;
}
.more-rank div:nth-child(9) img {
  height: 39px;
}
.more-rank div:nth-child(10) img {
  height: 41px;
}
.more-rank div:nth-child(11) img {
  height: 39px;
}
.more-rank div:nth-child(12) img {
  height: 39px;
}
.more-rank div:nth-child(13) img {
  height: 37px;
}
/* 国别 */
.more-nationality {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #ffffff;
}
.more-nationality div {
  width: 72px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  background-color: #e0f4e9;
  text-align: center;
  font-size: 13px;
}

.more-energy {
  padding: 16px 16px 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #ffffff;
}
.more-energy div {
  width: 105px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  background-color: #e0f4e9;
  text-align: center;
  font-size: 13px;
}

.more-manufacturer {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.more-manufacturer div {
  width: 72px;
  height: 30px;
  line-height: 30px;
  margin-right: 18px;
  margin-bottom: 10px;
  background-color: #e0f4e9;
  text-align: center;
  font-size: 13px;
}
.more-manufacturer div:nth-child(4) {
  margin: 0;
}
.more-buttom {
  position: fixed;
  bottom: 0;
  padding: 12px 0;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  background-color: #4ec77c;
}
.van-index-bar {
  margin-bottom: 43px;
}
.van-index-anchor {
  background-color: #ffffff;
}
/* 车辆概况 */
.vp-vehice {
  padding: 10px 0 10px 16px;
  margin: 0 auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 90%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #888888;
  /* background-color: #ffffff; */
  z-index: 999;
}
.vp-image {
  width: 100%;
  height: 200px;
}
.vp-vehice .vp-intro .vp-na {
  font-size: 18px;
  font-weight: 600;
}
.vp-vehice .vp-intro .vp-price {
  margin: 7px 0;
  color: red;
  font-size: 18px;
}
.vp-vehice .vp-intro .vp-price span {
  font-size: 14px;
}
.vp-keep div {
  margin-bottom: 7px;
}
.vp-keep div,
.vp-keep div + p {
  display: flex;
  justify-content: left;
  font-size: 13px;
  font-weight: 200;
  color: #848484;
}
.vp-keep div img {
  width: 16px;
  height: 9px;
  margin: auto 0;
}

.vp-parameter img {
  width: 90px;
  height: 37px;
}
.vp-parameter img + div img {
  width: 25px;
  height: 25px;
}
.vp-parameter div {
  margin-top: 17px;
  text-align: center;
  font-size: 13px;
}
.vp-cardList {
  padding: 10px 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  border-bottom: 5px solid #f8f8f8;
}
.vp-cardList .vp-cardItem:last-child {
  border: 0;
}
.vp-cardList .vp-cardItem {
  width: 85px;
  padding: 0 3px;
  border-right: 1px solid #e5e5e5;
}
.vp-cardList .vp-cardItem p {
  font-size: 14px;
  color: #22212f;
}
.vp-cardList .vp-cardItem div {
  margin-top: 5px;
  font-size: 12px;
  color: #181528;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vp-model .vp-m-text {
  padding: 5px 16px;
  font-size: 13px;
  background-color: #f8f8f8;
}
.vp-card-list {
  padding: 10px 16px;
  border-bottom: 1px solid #f8f8f8;
}
.vp-card-list .vp-text,
.vp-card-list .vp-base,
.vp-card-list .vp-drive {
  display: flex;
  justify-content: space-between;
}
.vp-card-list .vp-text img {
  width: 16px;
  height: 13px;
}
.vp-card-list .vp-price {
  margin: 5px 0;
  display: flex;
  justify-content: flex-end;
}
.vp-card-list .vp-price p {
  margin: auto 10px auto 0;
  width: 55px;
  height: 15px;
  line-height: 15px;
  background-color: #e8eeff;
  color: #6c7fff;
  font-size: 11px;
  text-align: center;
  border-radius: 8px 1px 8px 1px;
}
.vp-card-list .vp-price p + div {
  color: red;
}
.vp-card-list .vp-drive {
  font-size: 13px;
}
.vp-card-list .vp-drive p {
  color: #bbbbbb;
}
.vp-card-list .vp-base {
  margin: 10px 0;
}
.vp-card-list .vp-base img {
  width: 50px;
  height: 21px;
}
.vp-card-list .vp-base div {
  background-color: #e0f4e9;
  padding: 6px 22px;
  font-size: 13px;
  color: #5dbf82;
  border-radius: 20px;
}

/* 全部在售 2019 2018 2017 */
.vp-time {
  padding: 10px 16px 10px 16px;
  display: flex;
  justify-content: space-between;
}
.vp-time div {
  padding: 2px 17px;
  background-color: #e0f4e9;
  line-height: 25.6px;
  border-radius: 51px;
}
/* 推荐二手车 */
.vp-referrer {
  padding: 10px 16px;
  border-bottom: 5px solid #f8f8f8;
}
.vp-referrer .vp-caption {
  padding: 0 0 10px 0;
  display: flex;
  justify-content: left;
  border-bottom: 1px solid #f8f8f8;
}
.vp-referrer .vp-caption div {
  margin: auto 10px auto 0;
  width: 3px;
  height: 15px;
  background-color: #4ec77c;
}
/* 弹性布局 */
.vp-caption-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vp-referrer .caption-card {
  width: 168px;
  margin-bottom: 10px;
}
.vp-referrer .caption-card img {
  width: 166px;
  height: 108px;
}
.vp-referrer .caption-card div {
  margin: 5px 0;
  font-size: 13px;
  color: #bbbbbb;
}
.vp-referrer .caption-card div + p {
  color: red;
}
.vp-affiliation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.vp-affiliation div {
  margin-bottom: 10px;
  width: 105px;
  text-align: center;
}
.vp-affiliation div img {
  width: 105px;
  height: 73px;
}
.vp-affiliation div p {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vp-affiliation div p + div {
  font-size: 14px;
  color: red;
}

/* 同级车 */
.vp-vis-a-vis {
  padding: 10px 16px;
  font-size: 14px;
  border-bottom: 5px solid #f8f8f8;
}
.vp-vis-a-vis .vp-vis-a {
  padding: 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
}
.vp-vis-a-vis .vp-vis-a img {
  width: 86px;
  height: 60px;
}
.vp-vis-a-vis .vp-vis-a img + div div {
  margin-top: 12px;
  color: red;
}
.vp-vis-a-vis .vp-base-price {
  margin: auto 0;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #5dbf82;
  background-color: #e0f4e9;
  border-radius: 20px;
}

/* 字体颜色 */
.tab-span {
  color: #000000;
}
.sign-tabs .van-tab--active .tab-span {
  color: #ffffff;
}
/* 经销商 */
.lowest-price {
  padding: 10px 16px;
  background-color: #ffffff;
}
.lowest-price .shop-name {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.lowest-price .shop-name div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
}
.lowest-price .shop-name div .shop-stores {
  margin: auto 5px auto 0;
  width: 40px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #4fa580;
  border-radius: 7px 0;
  font-size: 11px;
  display: flex;
  /* 子元素水平居中 */
  justify-content: center;
}
.lowest-price .shop-name .shop-price {
  margin: auto 0;
  color: red;
  font-size: 13px;
}
.lowest-price .shop-name + p {
  margin: 10px 0;
  font-size: 14px;
}
.lowest-price p + div {
  margin-bottom: 10px;
  font-size: 13px;
  color: #5d5d5d;
}
.lowest-price .mark-down {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.lowest-price .mark-down div {
  width: 170px;
  padding: 6px 0;
  border-radius: 20px;
  background-color: #5dbf82;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}

/* 筛选区域 */
.screen {
  /* margin-bottom: 50px; */
  position: relative;
  padding: 10px 16px;
  color: #767676;
  background-color: #ffffff;
  font-size: 13px;
}

.readers {
  width: 88px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  font-size: 13px !important;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
}

.students-here p {
  margin: 16px 0;
}
.screen-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.screen-list > div {
  width: 100px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 15px;
  margin-right: 6%;
}
.screen-list div:nth-child(3) {
  margin-right: 0;
}
.screen-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}
.screen-type div img {
  width: 50px;
  height: 30px;
}
.screen-type div img + p {
  width: 88px;
  height: 23px;
  line-height: 23px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 20px;
  margin: 4px 0;
}
/* 底部按钮  */
.screen-buttom {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  position: fixed;
  bottom: 0;
  font-size: 16px;
}
.van-rate__icon {
  font-size: 16px;
}
.screen-buttom .screen-reset,
.screen-buttom .screen-confirm {
  width: 50%;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.tag_cell {
  padding: 0 !important;
}

.screen-buttom .screen-reset {
  color: #55c088;
  background-color: #ffffff;
}
.screen-buttom .screen-confirm {
  color: #ffffff;
  background-color: #5dbf82;
}
/* .van-cell {
  padding: 10px 16px;
  font-size: 13px;
} */
.tag-position {
  padding: 16px 22px;
  /* font-size: 14px !important; */
  background-color: #ffffff;
}
.van-popup--center {
  width: 300px;
}
.tag-position .tag-items {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-right: 15px;
  line-height: 1.2;
}

/* .tag-position .tag-items > span {
  font-size: 12px;
} */
.tag-position .tag-items + div {
  margin-top: 10px;
  color: #999999;
  /* padding: 0 16px; */
}
.transverse-line {
  margin: 10px 0;
  height: 2px;
  background-color: #f8f8f8;
}
.tag-padlock {
  margin: 10px 0;
  width: 100%;
  text-align: center;
}
.tag-padlock img {
  width: 30px !important;
  height: 30px !important;
}
.iconfont {
  font-size: 12px;
}

/* 我的贷款 */
.loans {
  font-size: 14px;
  border-bottom: 5px solid #f8f8f8;
  background-color: #fff;
}

.service-complaint {
  position: relative;
}

.loans .loans-basic {
  padding: 10px 16px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  border-bottom: 1px solid #f8f8f8;
}

.loans .loans-basic p {
  width: 90px;
}
.loans .loans-type {
  width: 210px;
  /* height: 21px; */
}

.loans-btn {
  border-radius: 56px;
  margin: 16px 31px;
  padding: 13px;
  background-color: #1989fa;
  color: #ffffff;
  text-align: center;
}

/* 我的账户 */
.van-tabs__line {
  background-color: #2e96dd;
}
.my-account {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  padding: 30px 0;
}
.my-account img {
  width: 80px;
  height: 80px;
}
.my-account p {
  margin: 10px;
}
/* 个人账户 */
.my-current {
  padding: 16px;
  text-align: center;
  background-color: #ffffff;
}
.my-current > p + div {
  margin: 16px;
  font-weight: 600;
  font-size: 20px;
}
.my-current > p + div span {
  font-size: 30px;
}
.my-top-up {
  padding: 10px 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.my-top-up div {
  padding: 8px 0;
  width: 45%;
  text-align: center;
  border-radius: 10px;
}
.my-top-up .top-up {
  background-color: #2e96dd;
  color: #ffffff;
}
.my-top-up .my-embody {
  border: 1px solid #2e96dd;
  background-color: #ffffff;
  color: #2e96dd;
}

.my-bill {
  font-size: 14px;
}

.my-bill .bill-state {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #f8f8f8;
  background-color: #f5f5f5;
}
.bill-state > p {
  width: 100px;
  /* border: 1px solid red; */
}
.bill-state > div {
  width: 160px;
}
.bill-list {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #f8f8f8;
}
.bill-list > p {
  width: 100px;
}
.bill-list > div {
  width: 160px;
}

/* 我的合同 */
.my-pact {
  padding: 16px 31px;
}
.my-pact > div {
  width: 100%;
  line-height: 40px;
  font-size: 13px;
}
.my-pact iframe {
  width: 48%;
}
.traing-record {
  padding: 16px 31px;
  background-color: #2e96dd;
  color: #ffffff;
  /* border-radius: 10px; */
}
.tr-details {
  padding: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tr-details > .tr-two {
  width: 170px;
  height: 52px;
  line-height: 52px;
  display: flex;
  justify-content: left;

  /* border: 1px solid red; */
}
.tr-details > .tr-two > p {
  width: 100px;
}
/* 科二记录 */
.tr-record {
  padding: 16px 0 16px 16px;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tr-record::-webkit-scrollbar {
  display: none;
}

.tr-record .tr-list {
  width: 944px;
  line-height: 30px;
  /* overflow-x: auto; */
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #f8f8f8;
}
.tr-record .tr-list div {
  padding: 10px 0;

  overflow: hidden;
  border: 1px solid #f0f0f0;
}
.tr-list div:first-child {
  width: 130px;
}
.tr-list div:nth-child(5) {
  width: 95px;
}
.tr-list div:nth-child(2),
.tr-list div:nth-child(3),
.tr-list div:nth-child(6),
.tr-list div:nth-child(8) {
  width: 75px;
}
.tr-list div:nth-child(4) {
  width: 70px;
}
.tr-list div:nth-child(7) {
  width: 130px;
  overflow: hidden; /* 超出的文本隐藏 */
  text-overflow: ellipsis; /*  溢出用省略号显示 */
  white-space: nowrap; /* 溢出不换行（一行内容） */
}
.tr-list div:nth-child(9),
.tr-list div:nth-child(10),
.tr-list div:nth-child(11) {
  width: 75px;
}

.tr-record .tr-lists {
  width: 944px;
  /* height: 30px; */

  overflow-x: auto;
  font-weight: 500;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.tr-record .tr-lists > div {
  padding: 10px 0;
  align-items: center;
  border: 1px solid #f0f0f0;
}
.tr-lists div:first-child {
  width: 130px;
}
.tr-lists div:nth-child(5) {
  width: 95px;
}
.tr-lists div:nth-child(2),
.tr-lists div:nth-child(3),
.tr-lists div:nth-child(6),
.tr-lists div:nth-child(8) {
  width: 75px;
}
.tr-lists div:nth-child(4) {
  width: 70px;
}
.tr-lists div:nth-child(7) {
  width: 130px;
  overflow: hidden; /* 超出的文本隐藏 */
  text-overflow: ellipsis; /*  溢出用省略号显示 */
  white-space: nowrap; /* 溢出不换行（一行内容） */
}
.tr-lists div:nth-child(8) {
  color: #89d4fe;
}
.tr-lists div:nth-child(8) > p,
.tr-lists div:nth-child(9) > p,
.tr-lists div:nth-child(10) > p,
.tr-lists div:nth-child(11) > p {
  border: 1px solid #89d4fe;
  /* padding: 5px 0; */
  margin: 0 auto;
  width: 60px;
}
.tr-lists div:nth-child(9),
.tr-lists div:nth-child(10),
.tr-lists div:nth-child(11) {
  width: 75px;
  color: #89d4fe;
}

/* .cp-leave {
  padding: 16px 31px;
} */
/* 管理机构 */
.ra-site {
  padding: 16px;

  background-color: #ffffff;
}
.ra-site > div {
  padding: 0 15px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ra-site > div > img {
  width: 16px;
  height: 16px;
  margin-top: 5px;
}
.ra-site > div > img + div {
  width: 330px;
  /* border: 1px solid red; */
}
.ra-site > div > img + div > div {
  margin-top: 10px;
}

/* 常见问题 */
.ts-title {
  padding: 16px;
  text-align: center;
  background-color: #ffffff;
  font-size: 18px;
}
.ts-content {
  padding: 16px 31px;
  background-color: #ffffff;
  /* font-size: 14px; */
}
.ts-content p {
  margin-bottom: 10px;
}

/* 立即登录 */
.authcode {
  padding: 70px 31px 16px 31px;
  background-color: #ffffff;
}
.authcode-btn {
  border-radius: 56px;
  margin: 66px auto 52px auto;
  padding: 13px;
  background-color: #1989fa;
  color: #ffffff;
  text-align: center;
}

.authcode-state {
  height: 30px;
  line-height: 30px;
}
.authcode-state > img {
  width: 18px;
  height: 18px;
}

.more_ways {
  margin-top: 39%;
  padding: 30px 0;
  width: 100%;
  bottom: 0;
  border-top: 1px solid #c5c5c5;
  position: relative;
}
.shortcut_ways {
  text-align: center;
  width: 156px;
  padding: 5px 0;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
}
.more_shortcut {
  /* width: 100%; */
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.more_shortcut > div {
  text-align: center;
  font-size: 13px;
}
.more_shortcut > div > img {
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
}
/* 手机号验证 */
.phone_verify {
  display: block;
  margin: 10px 31px;
  font-size: 13px;
  color: red;
  border: 0;
}
.verify_number {
  display: block;
  margin: 10px 31px;
  font-size: 13px;
  color: greenyellow;
  border: 0;
}

/* 驾校详情下的全部评论(点评) */
.allEstimate {
  padding: 10px 16px;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  border-bottom: 10px solid #f8f8f8;
  font-size: 16px;
}
.allEstimate > div {
  padding: 5px 13px;
  background-color: #f2f2f2;
  color: #838383;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 24px;
}
.allComments {
  padding: 10px 0;
}
.van-cell--center {
  padding: 10px 16px;
}

/* 教练下的教学环境 */
.ce_img {
  background-color: #ffffff;
  padding: 10px 16px;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ce_img > img {
  margin-bottom: 15px;
  width: 105px;
  max-height: 105px;
}

/* 科一图表地址 */
.lt_list {
  background-color: #ffffff;
  font-size: 14px;
  color: #999999;
}
.lt_list .lt_list_item {
  padding: 16px;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}
.lt_list_item > .lt_liatItem > div > img {
  margin: auto 0;
  width: 14px;
  height: 14px;
}
.lt_list_item > .lt_liatItem,
.lt_list_item > .lt_liatItem > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.lt_list_item > .lt_liatItem > div {
  width: 64px;
}
.lt_list_item .lt_images {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  margin: 16px 0 0 0;
}
.lt_list_item .lt_images img {
  width: 50px;
  height: 49px;
  border-radius: 50%;
  margin-right: 30px;
}

/* 交通标志大全 */
.ts_list {
  padding: 0 10px;
  background-color: #ffffff;
  line-height: 30px;
  font-size: 16px;
}
.ts_list .ts_item {
  padding: 10px 0;
  border-bottom: 1px solid #f8f8f8;
}
.ts_list .ts_item,
.ts_list .ts_item > div {
  display: flex;
  justify-content: space-between;
}
.ts_item > div:first-child > img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.ts_item > div:first-child > img,
.ts_item > div:nth-child(2) > p {
  margin-right: 10px;
}
.ts_item > div:nth-child(2) {
  color: #999999;
}
.ts_item > div:nth-child(2) > img {
  width: 14px;
  height: 14px;
  margin: auto 0;
}

/* 详细标志 */
.tt-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #ffffff;
}
.tt-listItem {
  font-size: 16px;
  width: 50%;
  border: 1px solid #f8f8f8;
  text-align: center;
}
.tt-listItem div {
  width: 130px;
  height: 130px;
  margin: 30px auto 0 auto;
  position: relative;
}
.tt-listItem > div > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tt-listItem > div + p {
  margin: 10px 0;
  font-size: 14px;
}

/* 城市选择 城市列表 */

.border-topbottom {
  border-bottom: 1px solid #ccc;
  line-height: 40px;
}
/* .border-topbottom::after {
  border-color: #ccc;
}
.cl-border-bottom::before {
  border-color: #ccc;
} */
.cl-title {
  background-color: #eee;
  margin: 0 -16px;
  padding-left: 16px;
}
.cl-list {
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  /* background-color: red; */

  background-color: #ffffff;
  padding: 0 16px;
  color: #666666;
}

.cl-button-list {
  /* padding: 10px 0; */
  overflow: hidden;
  background-color: #fff;
}
.cl-button-list .cl-button-wrapper {
  float: left;
  width: 33.33%;
}
.cl-button-wrapper .cl-button {
  margin: 5px 0;
  margin-right: 16px;
  padding: 4px 0;
  text-align: center;
  border: 2px solid #ccc;
  border-radius: 10px;
}

.cl-item.list .cl-item {
  line-height: 30px;
  color: #666;
  padding-left: 16px;
}

.van-search {
  background-color: #eee;
}

.ca-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 30px;
  /* font-size: 14px; */
  /* height: 700px; */
  /* background-color: #eee; */
}
.ca-list .ca-item {
  line-height: 20px;
  text-align: center;
  color: #666666;
}
/* end */

.menu-flex .menu-link img {
  width: 24px;
  height: 24px;
}
.search-history {
  width: 100%;
  min-height: 300px;
  background-color: #fff;
}

/* 科一下面学车课堂 */
.csOne-video {
  position: fixed;
  top: 46px;
  width: 100%;
  height: 190px;
  background-color: #f5f5f5;
  z-index: 999;
}
.cs-video {
  width: 100%;
  height: 190px;
}

.cs-subject {
  font-size: 16px;
  margin-top: 191px;
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #fff;
  text-align: center;
  border-bottom: 8px solid #f8f8f8;
}
.cs-subject > div > p {
  margin-top: 10px;
  font-size: 14px;
  color: #999999;
}
.cs-subject > .cs-subjectone + div > img {
  width: 16px;
  height: 16px;
}

/* 课程目录 */
.course-catalogue {
  border-bottom: 8px solid #f8f8f8;
}
.cs-catalog {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f8f8f8;
}
.course-catalogue:last-child {
  border-bottom: 0;
}
.cs-catalog div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
}

.course-catalogue > .coures-catalogue > .cs-catalog div:nth-child(2) {
  /* width: 50px; */
  color: #999999;
}
.course-catalogue > .coures-catalogue > .cs-catalog div:first-child img {
  margin: auto 10px auto 0;
  width: 16px;
  height: 14px;
}
.course-catalogue > .coures-catalogue > .cs-catalog div:nth-child(2) img {
  margin: auto 0;
  width: 12px;
  height: 12px;
}

.course-video {
  padding: 10px 16px;
  display: flex;
  justify-content: left;
}

.course-video div {
  text-align: center;
  margin-right: 10px;
}
.course-video div p {
  font-size: 14px;
  margin-top: 10px;
}
.course-video div img {
  width: 150px;
  height: 74px;
}

/* 驾考秘籍 */
.cs-esoterica {
  padding: 10px 16px;
  border-bottom: 1px solid #f8f8f8;
}
.cs-esoterica p {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-esoterica > p + div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10px;
  width: 260px;
  font-size: 14px;
  color: #999999;
}

/* 讨论区 */
.cs-forum {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
}

.cs-forum > img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.cs-forum > div + div {
  width: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  color: #999999;
}

.cs-forum > img + div {
  width: 227px;

  /* margin-left: -26px; */
}
.cs-forum > img + div > p {
  margin-bottom: 20px;
  color: #627271;
}

.cs-forum > div + div > img {
  width: 16px;
  height: 16px;
}

/* 留言 */
.cs-input {
  width: 100%;
  padding: 10px 16px;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}
.cs-input > input {
  width: 100%;
  padding: 7px 11px;
  font-size: 14px;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
}

.cardSchool {
  margin-bottom: 54px;
}

/* 驾考秘籍 */
.esoterica {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  background-color: #fff;
  border-bottom: 1px solid #f8f8f8;
}

.esoterica > img {
  width: 108px;
  height: 60px;
  margin-right: 10px;
}

.esoterica > .esoterica-list {
  width: 227px;
}

.esoterica > .esoterica-list > p {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.esoterica > .esoterica-list > .esoterica-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px 10px 0;
}
.esoterica > .esoterica-list > .esoterica-item > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.esoterica > .esoterica-list > .esoterica-item > div > p {
  font-size: 12px;
  color: #999999;
}
.esoterica > .esoterica-list > .esoterica-item > div > img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.esoterica_background {
  background-color: #fff;
}

/* 秘籍详情 */
.secret-details {
  background-color: #f8f8f8;
  margin-bottom: 50px;
}
.secret_title {
  padding: 10px 16px;
}

.secret_title > p:first-child {
  font-size: 24px;
  font-weight: 600;
}
.secret_title > p:first-child + div {
  width: 280px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 15px 0;
  font-size: 14px;
  color: #999999;
}
.secret_title > p:first-child + div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.secret_title > p:last-child {
  font-size: 14px;
  color: #999999;
}

.secret_content {
  text-indent: 35px;
  padding: 10px 16px;
  font-size: 18px;
}
.secret_content > p {
  margin: 20px 0;
}
.secret_content > p + div {
  line-height: 30px;
}

.secret_images {
  padding: 10px 16px;
}

.secret_images > div {
  padding: 10px;
  background-color: #fff;
}
.secret_images > div > img {
  width: 100%;
  height: 450px;
}

.secret_copyright {
  padding: 20px 0;
  text-align: center;
  color: #64bb86;
  font-size: 14px;
}

.course-catalogue {
  background-color: #fff;
}

.sd-number {
  color: #64bb64 !important;
}

.sd-comment {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
}

.sd-comment > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.sd-comment > img + div {
  width: 230px;
  /* background-color: red;
  margin-left: -150px; */
  font-size: 14px;
  line-height: 25px;
}
.sd-comment > img + div > p:first-child {
  color: #627271;
}
.sd-comment > img + div > div {
  color: #999999;
}

.sd-comment > img + div > p:last-child {
  font-size: 16px;
}

.sd-comment > .sd-collects > img {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.sd-comment > .sd-collects {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 90px;
}

.sd-input {
  width: 100%;
  padding: 10px 16px;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  background-color: #fff;
}

.sd-input,
.sd-input > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.sd-input > input {
  padding: 7px 11px;
  width: 230px;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
}

.sd-input > div > img,
.sd-input > img {
  width: 14px;
  height: 14px;
}

.sd-input > div > img {
  margin-right: 10px;
}

.sd-input > div,
.sd-input > img {
  margin: auto 0;
}

.sd-input .sd-announce,
.sd-input > .sd-cancel {
  display: block;
  color: #fff;
  width: 50px;
  padding: 6px 0;
  text-align: center;
  background-color: #2e96dd;
  border-radius: 7px;
}
.sd-input > .sd-cancel {
  background-color: #999999;
  color: #000000;
}

/* 手风琴效果 */

.accordion {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  font-size: 14px;
}
.accordion > img {
  margin-top: 3px;
  margin-right: 10px;
  width: 22px;
  height: 18px;
}

.accordion .accordion_video > p {
  font-weight: 600;
  margin-bottom: 10px;
}

.accordion .accordion_video > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  font-size: 14px;
  color: #999999;
  line-height: 16px;
}

.accordion .accordion_video > div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
}

.accordion .accordion_video > div > div > img {
  margin-left: 30px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.van-cell__right-icon {
  margin: auto 0 auto 5px;
}

/* 手风琴内容 */
.accordion_content {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  letter-spacing: 1px;
  border-bottom: 1px solid #f8f8f8;
}
.accordion_content > div:first-child {
  margin-right: 20px;
  position: relative;
}

.accordion_content > div:first-child > img + p {
  position: absolute;
  right: 5px;
  bottom: 10px;
  color: #fff;
  font-size: 11px;
  /* #64bb64 */
}
.accordion_content > div:first-child > img {
  width: 120px;
  height: 71px;
}

.accordion_content .accordion_right {
  line-height: 25px;
  font-size: 14px;
}

.accordion_content .accordion_right > p {
  font-size: 12px;
  color: #969799;
}

.accordion_content .accordion_right > p + p {
  color: #64bb64;
}

.van-collapse-item__content {
  color: 0;
}
.van-collapse-item__content {
  padding: 0;
}

.esoterica-list > .esoterica_cntent {
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
}

/* 科二视频详解 */
.teaching_video {
  margin-top: 191px;
}
.vs-title {
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  text-align: center;
  border-bottom: 1px solid #f8f8f8;
}
.vs-title > div > div {
  margin-top: 5px;
  font-size: 12px;
  color: #999999;
}
.vs-title > div > img {
  width: 16px;
  height: 16px;
}

/* 预约练车 */
.practiceDriving {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid #f8f8f8;
}
.practiceDriving > div {
  padding: 5px 26px;
  font-size: 13px;
  border-radius: 15px;
  background-color: #0b59cd;
  color: #fff;
}

/* 课程目录 */
.vc-scroll {
  /* height: 70px; */
  overflow: hidden;
  overflow-x: auto;
  /* font-size: 0; */
  /* height: 90px; */
  white-space: nowrap;
}
.vc-scroll::-webkit-scrollbar {
  /* //隐藏滚动条 */
  display: none;
}
.vc-scroll > div {
  display: inline-block;
  margin-left: 10px;
}
.vc-scroll > div > img {
  width: 136px;
  height: 100px;
}

.vc-scroll > div {
  position: relative;
  padding: 10px 0;
}

.vc-scroll > div > img + div {
  position: absolute;
  top: 12px;
  left: 2px;
  width: 54px;
  font-size: 12px;
  color: #fff;
  background-color: #0b59cd;
  padding: 2px 5px;
  border-radius: 0 10px 10px 0;
}
.vc-scroll > div > div + p {
  position: absolute;
  bottom: 46px;
  right: 9px;
  font-size: 12px;
  color: #fff;
}

.vc-scroll > div > p + p {
  margin-top: 5px;
  text-align: center;
  color: #13ae13;
  font-size: 14px;
}

.border-bottom {
  border-bottom: 1px solid #f8f8f8;
}
.vc-content {
  padding: 10px 16px;
}

.vc-content > p.vc-title {
  /* font-size: 14px; */
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vc-content > p.vc-title + div {
  width: 200px;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #999999;
}

/* 图文详解 */
.imageText {
  padding: 10px 16px;
}
.image_content {
  padding: 10px 0 0 0;
}
.image_content > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  margin-bottom: 20px;
}
.image_content > div > p {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  background-color: #f5f5f5;
}

.image_content > div > p + div {
  color: #999999;
  font-size: 14px;
  letter-spacing: 1px;
}

.image_content > div > p + div > div + img {
  margin: 10px 0;
}
.image_content > div > p + div > img + p {
  margin-bottom: 10px;
}

/* 考试流程 */
.right-text {
  color: #fff;
}
.test_back {
  background-color: #fff;
  overflow: hidden;
}
.TestProcess {
  padding: 10px 16px;
}

.test_process {
  margin-top: 10px;
  font-size: 14px;
}
.TestProcess > p {
  font-size: 18px;
}
.test_process > div {
  padding: 5px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
}
.test_process > div > div {
  margin-right: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  /* padding: 10px 10px; */
  text-align: center;
  background-color: #999999;
  border-radius: 50%;
  font-size: 14px;
}
.test_process > div > div + p {
  width: 310px;
  color: #999999;
  line-height: 24px;
  letter-spacing: 1px;
}

/* 考试标准 */
.ts-header {
  padding: 10px 16px;
  text-indent: 40px;
  line-height: 24px;
  letter-spacing: 1px;
  background-color: #fff;
  font-size: 14px;
}

.training-model {
  /* font-size: 14px; */
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  background-color: #fff;
}
.training-model > p,
.training-model > div {
  margin-right: 10px;
}

.training-model > div {
  width: 70px;
  /* padding: 3px 10px */
  font-size: 14px;
  background-color: #e5e4e5;
  border-radius: 40px;
  text-align: center;
}

/* 基础操作列表 */
.basic_operation {
  padding: 10px 16px;
  position: relative;
  display: flex;
  justify-content: left;
  background-color: #fff;
}

.bo_basic {
  position: absolute;
  top: 20px;
  left: 17px;
  color: #fff;
  font-size: 10px;
  padding: 1px 8px;
  border-radius: 0 10px 10px 0;
  background-color: rgb(21, 209, 74);
}
.bo_operation {
  position: absolute;
  bottom: 17px;
  left: 104px;
  font-size: 10px;
  color: #fff;
}

.basic_operation > img {
  width: 120px;
  height: 71px;
  margin-right: 15px;
}
.basic_operation .bp_content {
  width: 227px;
}

.basic_operation .bp_content > div {
  font-size: 12px;
  color: #999999;
}
.basic_operation .bp_content > p + div {
  margin: 5px 0 12px 0;
}
.basic_operation .bp_content > div + div {
  width: 140px;
}

.basic_operation .bp_content > div + div,
.basic_operation .bp_content > div + div > div {
  display: flex;
  justify-content: space-between;
}

.basic_operation .bp_content > div > div > img {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}

/* 帖子详情 */

.right_posts {
  width: 44px;
  display: flex;
  justify-content: space-between;
}
.right_posts > img {
  width: 16px;
  height: 16px;
}

.PostsPage {
  padding: 0 16px;
  margin-bottom: 50px;
  background-color: #fff;
}
.PostsPage .pp_header {
  padding: 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.PostsPage .pp_header img {
  width: 50px;
  height: 50px;
}
.PostsPage > .pp_header > img + div {
  width: 210px;
  font-size: 14px;
}
.PostsPage > .pp_header > img + div > p {
  color: #6cbbb3;
  margin-bottom: 10px;
}
.PostsPage > .pp_header > img + div > div {
  font-size: 12px;
  color: #999999;
}

.PostsPage > .pp_header > div + div {
  width: 45px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 0 4px;
  border: 1px solid #999999;
  color: #999999;
  font-size: 10px;
}
.PostsPage > p {
  padding: 10px 0;
  font-size: 14px;
}

.PostsPage > img {
  margin-top: 10px;
  width: 100%;
  height: 100%;
}

.PostsPage > .pp_location {
  color: #999999;
  font-size: 12px;
  padding: 10px 0;
}

.PostsPage > .pp_location + div {
  padding: 10px 0;
  font-size: 12px;
  color: #999999;
  border-bottom: 5px solid #f8f8f8;
}

/* 评论区  */
.PostsPage > .pp_discuss > .pp_discusss {
  margin: 15px -16px 0 -16px;
  border-top: 10px solid #f8f8ff;
}
.PostsPage > .pp_discuss > .pp_dis {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.PostsPage > .pp_discuss > div > .pp_text {
  display: flex;
}
.PostsPage > .pp_discuss > div > .pp_text > img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}

.pp_content {
  padding: 10px 0;
}

.pp_content > .pp_text > div {
  line-height: 20px;
}
.pp_content > .pp_text > div > p:first-child {
  font-size: 14px;
}

.pp_content > .pp_text > div > p + div {
  color: #8d8585;
  font-size: 10px;
}
.pp_content > .pp_text > div > div + p {
  font-size: 14px;
  color: #999999;
}

.pp_transpond {
  display: flex;
  justify-content: flex-end;
}

.pp_transpond > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 33px;
  margin-left: 40px;
}

.pp_transpond > div > img {
  width: 14px;
  height: 14px;
}
.pp_transpond > div > img + p {
  font-size: 12px;
  color: #999999;
}

.cf_overflow {
  /* overflow: auto; */
  width: 100%;
  overflow: auto;
  position: fixed;
  /* height: 382px; */
  /* height: calc( 100% - 300px ); */
  height: calc(100% - 130px);
}
.cf_overflow::-webkit-scrollbar {
  width: 0;
  height: 1px;
  display: none;
}
.cf_overflow::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
/* .news_overflow {
  overflow: auto;
  height: 621px;
} */
.news_overflow::-webkit-scrollbar {
  width: 0;
  height: 1px;
  display: none;
}
.news_overflow::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.vnb_back {
  background-color: #fff !important;
}

/* 免费咨询 */
.charg-econsult {
  margin: 10px auto;
  padding: 10px;
  width: 91%;
  border-radius: 10px;
  background-color: #fff;
}

.ce_basic {
  font-size: 14px;
  padding: 10px 16px;
  display: flex;
  justify-content: flex-start;
  background-color: #ffffff;
  border-bottom: 1px solid #f8f8f8;
  position: relative;
}

/* 在线报名必填项 */
.requiredFields {
  position: absolute;
  top: 14px;
  left: 0;
  width: 15px;
  height: 15px;
}

.ce_basic > p {
  width: 110px;
  text-align: left;
}
.ce_basic > .ce_type {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  width: 270px;
  height: 21px;
  padding: 0 0 0 5px;

  /* font-size: 13px; */
}
.select_option {
  overflow-x: hidden;
  overflow-y: auto;
}
.ce_basic > .ce_type:focus {
  border-color: 0;
}

.starting-point {
  padding: 10px 16px;
  display: flex;
  justify-content: left;
  font-size: 13px;
  line-height: 24px;
  border-bottom: 1px solid #f8f8f8;
  position: relative;
}
.starting-point > p {
  width: 90px;
}
.starting-point > div {
  width: 135px;
}

.ce_button {
  margin: 30px auto 30px auto;
  width: 91%;
  line-height: 40px;
  background-color: #2e96dd;
  border-radius: 20px;
  text-align: center;
  color: #fff;
}

.ce-policy {
  display: flex;
  justify-content: left;
}

.ce-policy > img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.ce-policy > p > span {
  color: #37b5f8;
}

.auth-code {
  border-radius: 20px;
}

/* 在线报名 */
.apply-online {
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
}
/* 头像上传 */

.van-uploader__preview-image {
  width: 100px;
  height: 100px;
}

.title-census {
  /* width: 100px; */
  display: flex;
  justify-content: left;
}

.title-census > p {
  width: 100px;
  text-align: left;
}

/* 支付按钮 */
.ao_button {
  margin: 30px 16px 30px 16px;
  padding: 10px 0;
  border-radius: 20px;
  text-align: center;
  background-color: #2e96dd;
  color: #fff;
}
.van-field__label {
  width: 100px;
  text-align: left;
}

/* 退出按钮 */
.set-button {
  border-radius: 40px;
  width: 90%;
  position: fixed;
  left: 50%;
  margin-left: -45%;
  bottom: 20px;
  padding: 15px 0;
  background-color: rgb(187, 92, 92);
  color: #fff;
  text-align: center;
}

/* 我要约车 */
.two-subjects {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  padding: 10px 16px;
  background-color: #fff;
  border-bottom: 1px solid #f8f8f8;
  text-align: center;
}

/* 户口 */
.standFor {
  padding: 10px 16px;
  display: flex;
  justify-content: flex-start;
  font-size: 13px;
}

.standFor > div {
  margin-right: 20px;
}

.two-subjects > div {
  width: 200px;
  line-height: 60px;
  /* border: 1px solid red; */
}
.two-subjects > img:first-child {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.two-subjects > div + img {
  width: 20px;
  height: 20px;
  margin: auto 0;
}

/* 约车列表  */
.time-arrangement {
  padding: 5px 0;
  background-color: #eceef1;
  text-align: center;
}
.stipulated-list {
  padding: 10px 16px;
  background-color: #fff;
  font-size: 14px;
}

.van-checkbox--horizontal {
  margin: 0 30px 10px 0;
}

.appointment {
  margin: 40px auto 0 auto;
  padding: 10px 0;
  width: 82%;
  border-radius: 20px;
  background: #2e96dd;
  text-align: center;
  color: #fff;
}

.van-radio--horizontal {
  margin-bottom: 10px;
}

.detail-swiper {
  height: 200px;
}

/* 在线报名弹出框 */

.ao-message {
  padding: 16px;
}
.personal-details {
  margin: 10px 0;
  width: 100px;
  background: #0e6edb;
  line-height: 40px;
  color: #fff;
  text-align: center;
  border-radius: 0 20px 20px 0;
}

.personal-details + div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.popups-popping {
  padding: 16px 0;
  width: 100%;
  background-color: #f8f8f8;
}
.popping {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.popping > div {
  width: 100px;
  text-align: center;
  /* border: 1px dashed #000; */
}
.popping:first-child > div {
  background-color: #4d8de2;
  color: #fff;
}

.popping:not(:first-child):nth-child(even) > div {
  background-color: #eee;
}
.popping:not(:first-child):nth-child(odd) > div {
  background-color: #f8f8f8;
}

.popping > div {
  border-right: 0;
}

.popping div {
  line-height: 40px;
  border-radius: 10px;
}

.popping > div > div:last-child {
  border-bottom: 0;
}

/* 总和 */
.hourTotal {
  /* padding: 0 16px; */
  display: flex;
  justify-content: end;
  flex-wrap: nowrap;
}

.hourTotal > div {
  background-color: #4d8de2;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 10px;
}

.hourTotal > div:first-child {
  width: 100px;
}

.hourTotal > div:not(:first-child) {
  width: 100%;
}

/* 按钮 */
.button-pay {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.button-pay > div {
  padding: 8px 55px;
  border-radius: 20px;
}
.button-pay > div:first-child {
  background-color: #828282;
}

.button-pay > div:nth-child(2) {
  background-color: #2e96dd;
  color: #fff;
}

/* 驾校图片 */
.dp-list {
  background-color: #fff;
  padding: 10px 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dp-list > .dp-item {
  margin-bottom: 20px;
  width: 48%;
  height: 120px;
  padding: auto 0;
}
.dp-list > .dp-item::before {
  display: table;
  content: "";
}
.dp-list > .dp-item > img {
  /* margin: auto 0; */
  width: 100%;
  height: 120px;
  /* height: 100%; */
}

/* 登录 */
.left-icon {
  margin: auto 0;
  width: 20px;
  vertical-align: middle;
}

/* 修改手机号 */
.changePhone {
  background-color: #fff;
  padding: 80px 16px 0 16px;
}

/* 班型详情 */
.banks-details {
  padding: 10px 16px;
  background-color: #fff;
}

.banks-details > .banks-header > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.banks-header > div:first-child > p > span {
  color: #5dbf82;
}

/* 驾校地图 */
#container {
  width: 100%;
  height: 180px;
}

.dis {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.van-col--6 {
  /* width: 86px; */
  margin: 5px 0;
}

.raty-val > .item {
  margin-right: 8px;
}

/* 服务投诉中的监管电话 */
.supervise {
  width: 100%;
  height: 120px;
}
.supervise > img {
  width: 100%;
  height: 100%;
}

.evaluate {
  padding: 10px 16px;
  background-color: #fff;
  font-size: 13px;
  height: 100%;
}

.evaluate > .evaluate-title {
  margin-bottom: 10px;
  text-align: center;
  /* display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; */
}
/* .evaluate > .evaluate-title > img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
} */
.evaluate > .evaluate-title > p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 30px;
}

.evaluate > .hierarchy > div {
  padding: 10px 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.evaluate > .hierarchy > div > p {
  margin-right: 10px;
  width: 80px;
}

/* .evaluate > .hierarchy {
  margin-bottom: 20px;
} */

.submit-evaluate {
  margin: 20px 0;
}

/* 找驾校下的附加服务 */
.accessorial-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.accessorial-service > div {
  padding-right: 10px;
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
  font-size: 13px;
}
.accessorial-service > div > img {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.reminder {
  padding: 30px 16px 10px 16px;

  background-color: #fff;
  font-size: 13px;
}

.changePhone > .reminder {
  color: red;
}

.cultivate {
  /* background-color: #fff; */
  font-size: 13px;
  border-bottom: 5px solid #eee;
}
.cultivate > .cultivate-list {
  padding: 0 16px;
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  line-height: 35px;
  border-bottom: 2px solid #f8f8f8;
}

.cultivate > .cultivate-list:last-child {
  border-bottom: 0;
}
.cultivate > .cultivate-list > .article {
  width: 80px;
}

.btn-cancel {
  width: 100%;
  margin: 10px auto 10px auto;
  text-align: center;
  color: #fff;
  border-radius: 20px;
  background: #2e96dd;
}

.entirety {
  padding-top: 10px;
  background: #fff;
}

.ec-phone {
  margin: auto 0 !important;
  width: 30px !important;
  height: 30px !important;
}

/* 考试流程 */
/* 考试流程->报名须知 */
.apply-notice {
  padding: 10px 16px;
  background-color: #fff;
}

.apply-notice > .notice-header {
  padding-bottom: 10px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.apply-notice > .notice-header > div {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.notice-content > p {
  font-size: 15px;
  line-height: 34px;
}

.notice-content > .notice-list > p {
  font-size: 13px;
  padding: 5px;
}

.notice-item > p {
  font-size: 13px;
  padding: 5px 10px;
}
.notice-list-item {
  font-size: 13px;
  padding: 5px;
}

.notice-img > img {
  width: 100%;
  height: 520px;
}

/* 约车列表弹出层 */
.confirm-list {
  padding: 10px 16px;
}

.confirm-list > .notarize-popping > p {
  text-align: center;
  font-size: 16px;
}

.confirm-list > .notarize-popping > p + div {
  text-align: center;
  margin: 10px 0;
}
.notarize-popping > p + div > div {
  line-height: 24px;
}

.cancel-affirm {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.cancel-affirm > div {
  padding: 10px 0;
  border-top: 1px solid #eee;
  width: 50%;
  text-align: center;
  font-size: 16px;
}

.cancel-affirm > div:last-child {
  color: #1989fa;
  border-left: 1px solid #eee;
}

/* 修改银行卡 */
.bank-card {
  padding-top: 30px;
  background: #fff;
}

.btn-binding {
  margin: 50px 16px 10px 16px;
  line-height: 45px;
  /* width: 100%; */
  border-radius: 40px;
  background: #1989fa;
  color: #fff;
  text-align: center;
}

.btn-button {
  width: 150px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.btn-button > div {
  margin: auto 0;
  height: 30px;
  /* border: 1px solid #0b59cd; */
  width: 60px;
  line-height: 30px;
}
.btn-button > div:first-child {
  background: #eee;
}
.btn-button > div + div {
  background: #07489d;
  color: #fff;
}

.e-estimate {
  margin-left: -16px;
  padding: 0 16px;
  width: 100px;
  line-height: 40px;
  background: #1989fa;
  border-radius: 0 20px 20px 0;
  color: #fff;
}

/* 咨询详情  */
.new-details {
  background: #fff;
  padding: 10px 16px;
}
.new-details > .new-title {
  font-size: 20px;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.new-details > .new-time {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  line-height: 50px;
  font-size: 14px;
  color: #7f7f7f;
}

.new-details > .new-time > p {
  margin-right: 10px;
}

/* 头像上传 */
.uploading-images {
  width: 100%;
  padding: 16px;
  border: 0;
  font-size: 14px;
}
.uploading-ima {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.select-option {
  border: 0;
  font-size: 14px;
}

/* 约车列表 */
.sl-hint {
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  font-size: 14px;
  line-height: 35px;
}
.sl-hint > div {
  display: flex;
  justify-content: flex-start;
}
.sl-hint > div > p {
  margin-right: 10px;
}

.ao-deal {
  width: 100%;
  padding: 20px 16px 10px 16px;
  /* text-align: center; */
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-start;
  font-size: 14px;
}
.ao-deal > img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.ao-deal > div > span {
  color: #0b59cd;
}

/* 在线报名 -> 云驾校合同 */
.contract {
  padding: 10px 16px;
  background: #fff;
}

.contract-title {
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
}
.contract-One {
  text-indent: 30px;
  font-size: 14px;
  line-height: 24px;
}
.c-content {
  margin-top: 20px;
  font-size: 14px;
}

.c-content-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.c-content > .c-details {
  text-indent: 30px;
  line-height: 24px;
}

.coreddetails {
  margin: 10px 16px;
  text-align: center;
}

.coreddetails > img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.coreddetails > .th-cell-group {
  text-align: left;
}

.templent {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin: 10px 16px;
}

.button-switch {
  background: #0e6edb;
  line-height: 40px;
  border-radius: 20px;
  color: #fff;
}

.friendly-reminder {
  margin-top: 20px;
  font-size: 12px;
}

.search-criteria {
  background: #fff;
  font-size: 14px;
}

.watch-list {
  /* border: 1px solid #eee */
  width: 100%;
  position: absolute;
  top: 44px;
  /* left: 114px; */
  padding-left: 114px;
  background: #fff;
  font-size: 0.34667rem;
  z-index: 999;
  /* height: 100px; */
  overflow-y: auto;
}
.watch-list > div {
  line-height: 26px;
}

.finger-tip {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  text-align: center;

  color: #fff;
}
.finger-tip > div {
  width: 120px;
  border-radius: 20px;
}

.finger-tip > div:first-child {
  background: #0b59cd;
  padding: 8px 0;
}
.finger-tip > div:last-child {
  background: #13ae3c;
  padding: 8px 0;
}

.showTime {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.showTime > div {
  width: 90px;
}

/* 智能约车 */
.stratosphere {
  font-size: 14px;
  width: 100%;
  margin-top: 10px;
  background: #fff;
}
.stratosphere > .material {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  line-height: 30px;
}
.stratosphere > .material > div {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  text-align: center;
}
.stratosphere > .material > div > div {
  width: 80px;
  text-align: right;
}
.btn-abrogate {
  margin: 4px auto;
  width: 120px !important;
  background: #0e6edb;
  border-radius: 20px;
  line-height: 35px !important;
  color: #fff;
  text-align: center;
}

.order-status {
  float: left;
  /* padding: 16px; */
}
.order-status > div {
  padding: 10px 16px;
  /* line-height: 0.96rem; */

  text-align: center;
  font-size: 13px;
  border-radius: 20px;
  color: #fff;
}
.order-status > .pass-audit {
  background: #1989fa;
  /* color: red; */
}

.order-status > .auditing-work {
  background: #ff976a;
  /* color: red; */
}

.have-already {
  text-align: center;
  font-size: 14px;
}
.ha-title {
  margin: 10px 0;
}
.ha-details {
  margin: 10px;
}

.ha-details > p {
  margin: 5px 0;
}
.have-already > div:last-child {
  width: 80%;
  margin: 10px auto;
  padding: 5px 10px;
  background: #0e6edb;
  border-radius: 20px;
  color: #fff;
}

.online-payment {
  padding: 10px 16px;
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.online-payment > div {
  width: 50%;
}
.online-payment > p {
  width: 50%;
  text-align: end;
  font-size: 16px;
  color: red;
}
.online-payment > p > span {
  font-size: 14px;
}
.op-way {
  padding: 10px 16px;
}
.op-way > .op-img {
  margin: 5px 10px;
  width: 140px;
  height: 62px;
}

.op-way > .op-img:hover {
  border: 1px solid red;
  border-radius: 10px;
}
/* .op-way > .op-img.checked {
  border: 1px solid red;
  border-radius: 5px;
} */

.btn-primary {
  margin: 10px 16px;
}

.uo-balance {
  padding: 10px 16px;
  font-size: 14px;
}
.uo-balance > .uo-balances > span {
  font-size: 18px;
  font-weight: 500;
}
.uo-balance > .my-top-up {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

/* 考试页面答题考试 */
.answer-sheet {
  padding: 15px;
  font-size: 16px;
  background-color: #fff;
}
.answer-title {
  line-height: 20px;
  margin-bottom: 20px;
}
.answer-title > span {
  font-size: 10px;
  background-color: #13ae13;
  color: #fff;
  padding: 2px 8px;
  border-radius: 10px 10px 0 10px;
}
.answer-sheet > .reference-information {
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
}
.answer-sheet > .reference-information > img {
  width: 100%;
  height: 100%;
}
.choice-question {
  margin-bottom: 20px;
  font-size: 14px;
}

.choice-question > div {
  margin: 15px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.choice-question > div > div {
  width: 23px;
  height: 23px;
  /* padding: 5px; */
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  /* box-shadow: 0 0 3px #ccc; */
}

.choice-question > div > p:first-child {
  width: 23px;
  height: 23px;
  /* padding: 5px; */
  margin-right: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  box-shadow: 0 0 3px #ccc;
}

.blueness {
  color: #5dbf82;
}
.redness {
  color: red;
}
.grayness {
  color: #707070;
}

/* 答案 */
.synthesize {
  font-size: 14px;
}
.errors-enshrine {
  line-height: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.synthesize > div:nth-child(2) {
  /* width: 50%; */
  line-height: 40px;
  /* display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start; */
  margin-bottom: 20px;
}
.synthesize > div:nth-child(2) > img {
  margin: auto 10px auto 0;
  width: 18px;
  height: 18px;
}

.synthesize > .solution {
  padding: 0 16px;
  /* margin-bottom: 20px; */
  width: 100%;
  font-size: 16px;
  line-height: 40px;
  background-color: #f8f8f8;
  font-weight: 600;
}
.item-explain {
  padding: 20px 0;
  border-top: 10px solid #f8f8f8;
  border-bottom: 10px solid #f8f8f8;
}
.caption-title {
  width: 120px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
}
.item-explain > .caption-title > div {
  margin: auto 0;
  width: 15px;
  height: 1px;
  background-color: #ccc;
}

/* 题目解析 */
.topic-analysis > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.topic-analysis > div:first-child > div {
  margin: auto 0;
  width: 4px;
  height: 15px;
  background-color: #13ae13;
  margin-right: 10px;
}
.topic-analysis > div:first-child > p {
  font-weight: 600;
  font-size: 14px;
}

.topic-analysis > div:nth-child(2) {
  margin-top: 10px;
  line-height: 20px;
}

/* 考点 */
.testing-centre {
  margin: 20px 0;
  color: #858585;
}

.testing-centre > span {
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  background: #f5f5f5;
}

.testing-difficulty {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  color: #858585;
  font-size: 12px;
  line-height: 20px;
}
.testing-difficulty > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.testing-difficulty > div > div {
  /* margin: auto 10px auto 0; */
  margin-right: 10px;
}

/* 评价 */
.evaluation-content {
  margin: 16px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  font-size: 14px;
  border-bottom: 1px solid #f8f8f8;
}
.evaluation-content:last-child {
  border: 0;
}
.evaluation-content > img {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 50%;
}
.evaluation-content > .appraise {
  width: 100%;
  font-size: 14px;
}
.evaluation-content > .appraise > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.evaluation-content > .appraise > div:first-child > div {
  width: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.evaluation-content > .appraise > div > div > img {
  width: 15px;
  height: 15px;
}

.topic-analysiss > div:first-child {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.topic-analysiss > div:first-child > div {
  margin: auto 0;
  width: 4px;
  height: 15px;
  background-color: #13ae13;
  margin-right: 10px;
}
.topic-analysiss > div:first-child > p {
  font-weight: 600;
  font-size: 14px;
}
.appraise > div:first-child > p {
  color: #7ca09e;
}
.appraise > div:nth-child(2) {
  margin: 20px 0;
}
.appraise > div > p + div {
  font-size: 13px;
}

/* 底部标题 */

.My-slideshow {
  margin-bottom: 40px;
}

.subject-content {
  padding: 0 16px;
  position: fixed;
  width: 100%;
  border-top: 1px solid #f8f8f8;

  font-size: 12px;
  bottom: 0;
  background-color: #fff;
}
.subject-head {
  line-height: 40px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.subject-head > div:first-child {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.subject-head > div:first-child > img {
  width: 16px;
  height: 16px;
  margin: auto 10px auto 0;
}
.subject-head > div:first-child > div {
  color: #13ae13;
  /* margin-left: 10px; */
}

/* 对与错 */
.right-wrong {
  font-size: 13px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.right-wrong > div {
  width: 50px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.right-wrong > div > img {
  margin: auto 5px auto 0;
  width: 15px;
  height: 15px;
}
.question-number {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.question-number > img {
  margin: auto 5px auto 0;
  width: 18px;
  height: 18px;
}

.right-question {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.sequence-number {
  padding: 20px 0 20px 0;
  width: 100%;
  max-height: 400px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  overflow: auto;
}
.sequence-number > div {
  border: 1px solid #ccc;
  border-radius: 50%;
  text-align: center;
  margin: 0 8px 20px 8px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.tinct {
  background-color: #ccc;
}

.dacuo {
  background: red;
  color: #fff;
  opacity: 0.7;
}

.dadui {
  background: #13ae13;
  color: #fff;
  opacity: 0.7;
}

.gray {
  background: #b3afaf;
  color: #000000;
  opacity: 0.7;
}

.top-border {
  border-bottom: 1px solid #f8f8f8;
}

.count-down {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-starts;
  font-size: 14px;
}

.count-down > .van-count-down {
  margin-left: 10px;
  color: #fff;
}

.my-favorite {
  /* padding: 0 16px; */
  background-color: #fff;
  font-size: 14px;
}

.my-favorite > div {
  padding: 10px 16px;
  border-bottom: 1px solid #f8f8f8;
}

.my-favorite > div > p {
  margin: 5px 0;
}

.my-favorite > div > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.my-favorite > div > div > p {
  padding: 2px 5px;
  font-size: 12px;
  color: #8e8e8e;
  background-color: #f2f2f2;
  border-radius: 0 10px 0 10px;
}
.my-favorite > div > div > p + div {
  width: 15%;
  text-align: center;
  font-size: 12px;
  color: #0b59cd;
  border: 1px solid #0b59cd;
}

.icon-explain {
  margin: 40px auto 0 auto;
  width: 90%;
  height: 500px;
  border-radius: 10px;
  border: 1px solid #d6d6d6;
  background-image: linear-gradient(#ffffff, #f7f7f7);
  box-shadow: 1px 1px 10px #c3c3c3;
  text-align: center;
}

.outer-sphere::before {
  content: "";
  display: table;
}

.outer-sphere {
  /* padding: 40px auto; */
  background-color: #fff;
}

.icon-explain > div:first-child {
  margin: 20px auto;
  width: 200px;
  height: 200px;
}

.icon-explain > div:first-child > img {
  width: 100%;
}

.icon-explain > div + p {
  margin: 10px 0;
  font-size: 20px;
  font-weight: 500;
}

.icon-explain > p + div {
  padding: 20px 16px 0 16px;
}

.driving-school {
  padding: 16px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.driving-school > div {
  color: #323233;
  -webkit-box-sizing: border-box;
}

.driving-school > p {
  color: #969799;
}

.account-for {
  padding: 10px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background-color: #fff;
}

.account-for > button {
  margin: auto 0;
  width: 25%;
  height: 30px;
  font-size: 14px;
  margin-right: 10px;
}
.account-for > button + div {
  width: 76%;
  font-size: 14px;
}

.inquire {
  border: 0;
  width: 80px;
  position: absolute;
  top: 10px;
  right: 0;
}

.detail-location {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.detail-location > img:first-child {
  width: 18px;
  height: 22px;
}

.detail-location > div {
  margin: 0 5px;
  color: #fff;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  white-space: nowrap;
}

.detail-location > div + img {
  margin: auto 0;
  width: 18px;
  height: 8px;
}

.van-index-anchor {
  font-size: 18px;
  background-color: #eee;
}

.van-dialog__message {
  font-size: 16px !important;
}

.select_hue {
  color: #13ae3c;
  border: 1px solid #13ae13 !important;
}

.btn-ensure {
  position: fixed;
  bottom: 0;
  left: 5%;
  margin: 10px auto;
  width: 90%;
  border-radius: 20px;
  background-color: #13ae3c;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

.btn-ensures {
  margin: 0 auto;
  width: 90%;
  border-radius: 20px;
  background-color: #13ae3c;
  line-height: 40px;
  text-align: center;
  color: #fff;
}

/* 实名认证 */
.logo-img {
  margin-top: 14%;
  margin-left: 36%;
  width: 100px;
  height: 100px;
  border-radius: 20px;
}

.identity-input {
  padding: 10px 16px;
}
.identity-input > .identity_item {
  padding: 10px 0;
}

.identity-input > .btn-identity {
  width: 100%;
  line-height: 40px;
  background-color: #2e96dd;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  margin-top: 60px;
}
.in-panel > .bd-images {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding: 10px 10px;
}
.in-panel > .bd-images > p {
  font-size: 14px;
}
.in-panel > .bd-images > div {
  margin: 0 2px;
  width: 85px;
  height: 50px;
}
.in-panel > .bd-images > div > img {
  width: 100%;
  height: 100%;
}

/* 个人中心的消息推送 */
.app-item {
  border-bottom: 10px solid #ebedf0;
}
.app-item > div {
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-bottom: 1px solid #f5f5f5;
}
.app-item > div > p {
  display: block;
  width: 16%;
  white-space: nowrap;
}
.app-item > div > div {
  width: 84%;
}

/* 充值提现页面 */
.recharge-ithdraw {
  padding: 10px 16px;
  background: #fff;
}

.amount-money {
  line-height: 50px;
  font-size: 30px !important;
  font-weight: 600;
}

.confirm-payment {
  margin: 30px auto 0 auto;
  width: 90%;
  background-color: #13ae13;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
  border-radius: 10px;
}
.releasing-notices {
  position: fixed;
  top: 88%;
  right: 10px;
}
.releasing-notices > img {
  display: block;
  width: 30px;
  height: 30px;
}
.right-title {
  color: #fff;
}
.notices-course {
  padding: 10px 16px;
  border-top: 1px solid #f8f8f8;
  font-size: 14px;
  font-weight: 500;
  background-color: #fff;
}

.notices-uploading {
  padding: 10px 16px;
  background-color: #fff;
}
.post-content {
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 20px;
}

.details-content {
  font-size: 14px;
  padding: 10px 0;
}

.details-images > img {
  margin: 10px auto;
  width: 100%;

  background-size: cover;
}

.font-size {
  padding: 10px 10px;
  font-size: 14px;
  background-color: #fff;
}

/* 右浮动 */
.floatable {
  float: right;
}
.center-floatable {
  float: left;
}
.left-floatable {
  float: left;
}
.justify-div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.justify-div > div {
  margin: 0 0.2rem;
}
.justify-div > div > div {
  color: red;
}
.images-image {
  width: 25%;
  height: 56px;
}

.images-image > img {
  /* display: block; */
  width: 100%;
  max-height: 56px;
  margin: auto 0;
  vertical-align: middle;
}

/* 上传头像区域 */
.uploading {
  width: 40px;
  height: 40px;
}

.reminder {
  padding: 10px 16px;
  font-size: 14px;
  color: red;
}

.van-popup-div:first-child {
  margin-top: 25px;
  border-top: 1px solid #f8f8f8f8;
}
.van-popup-div {
  color: #323233;
  line-height: 44px;
  text-align: center;
  border-bottom: 1px solid #f8f8f8;
}

.header-city-flex {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-width: 150px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/* 在线报名弹出框 */
.application-type > div {
  text-align: center;
  line-height: 44px;
  border-bottom: 1px solid #f8f8f8;
  font-size: 14px;
  color: #646566;
}
.application-type > div:first-child {
  font-size: 16px;
  color: #000000;
}
.van-field__control:disabled {
  color: #000000;
}
